<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>

<body>
<div id="app">
  <h1>{{counter}}</h1>
  <buttton v-on:click="counter++" >+</buttton>
  <buttton @click="decrement">-</buttton>
  <button @click="btnclick">按钮1</button>
  <button @click="btnclick1">按钮2</button>
  <button @click="btnclick2(abc,$event)">按钮3</button>
  <button>按钮1</button>
  <button>按钮1</button>
</div>

<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el:"#app",
    data: {
      message:"stupid mother fucker",
      counter:0,
      abc:123,
    },
    methods:{
      decrement(){
        this.counter--
      },
      btnclick(){
        console.log('_______');
      },
      btnclick1(abc){
        console.log('_______',abc);
      },
      btnclick2(abc,event)
      {
        console.log('+++++++++',abc,event)
      }
    },
  })
</script>

</body>
</html>